import React, { Component } from 'react';
import './assets/font-awesome-4.7.0/css/font-awesome.min.css';
import Index from './components/Index/Index';
import './App.css';

import Login from "./components/Login/Login"
import Register from './components/Register/Register'
import {BrowserRouter,Route,Switch} from 'react-router-dom';
import SearchPage from "./components/SearchPage/SearchPage";
import Activities from "./components/Activities/Activities";

class App extends Component {
    constructor(){
        super();
    }
    render() {
        //console.log(this.NavbarShow.bind(this))

        return (
          <div className="App">
              <BrowserRouter>
                  <Switch>
                  <Route exact path="/" component={Index}/>
                  <Route  path="/Login" component={Login}/>
                  <Route  path="/Register" component={Register}/>
                  <Route  path="/SearchPage" component={SearchPage}/>
                  <Route  path="/Activities" component={Activities}/>
                  </Switch>
              </BrowserRouter>
          </div>
        );
      }
}

export default App;
